import React from 'react';
import type { CustomIconComponentProps } from '@ant-design/icons/lib/components/Icon';
import Icon from '@ant-design/icons';

const InfoCircleSvg = () => (
  <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
    <path d="M7.50562 11.9998V6.5H8.50562V11.9998H7.50562Z" fill="#777F93" />
    <path d="M8.59985 4H7.3999V5.19995H8.59985V4Z" fill="#777F93" />
    <path
      d="M1 8C1 11.866 4.13403 15 8 15C11.866 15 15 11.866 15 8C15 4.13403 11.866 1 8 1C4.13403 1 1 4.13403 1 8ZM2 8C2 4.68628 4.68628 2 8 2C11.3137 2 14 4.68628 14 8C14 11.3137 11.3137 14 8 14C4.68628 14 2 11.3137 2 8Z"
      fill="#777F93"
    />
  </svg>
);

const InfoOutlined = (props: Partial<CustomIconComponentProps> & { onClick?: () => void }) => {
  return <Icon component={InfoCircleSvg} {...props} />;
};

export default InfoOutlined;
